<template>
<div>
 
    <quill-editor v-model="childrenContent" @change="onEditorChange($event)"/>
</div>
</template>

<script>
  export default {
      computed:{
        childrenContent:{
          set(){
            return this.content
          },
          get(){
            return this.content
          }
         
        }
      },
      props: {
        content:{
          type:String,
          default(){
            return ""
          }
        }
      },
      methods:{
        onEditorChange(e){
          this.$emit('onEditorChange',e.html)
        }
       
      }
  }
</script>

<style >
.ql-editor{
	min-height: 300px;
}

</style>